<template>
    <div class="page-content">
        <page-header :item="currentForumPage"></page-header>
        <article-item :item="currentForumPage"></article-item>
    </div>
</template>

<script type="text/javascript">
    import store from '../store/index'
    import pageHeader from '../components/page-header.vue'
    import articleItem from '../components/article-item.vue'
    export default{
        components: {
            'page-header': pageHeader,
            'article-item': articleItem,
        },

        mounted () {

            //初始化列表
            store.dispatch('initForumPage')

        },

        computed: {
            //获取当前专栏信息和文章列表
            currentForumPage(){
                //查找当前专栏索引
                return store.getters.currentForumPage

            },

        }

    }
</script>
